<template>
	<view>
		<view class="button_box button_begin"  style="display: none" @click="beginRecord">
			<view class="button_box_list">
				<view class="button button_b" ><text class="iconfont begin_r">&#xe61a;</text></view>
				<text class="button_b_t" style="font-weight: 400" >开始录制</text>
			</view>
		</view>
		<view class="button_box" >
			<view class="button_box_list relative_t"  style="display: none">
				<view class="button button_s"><text class="iconfont begin_b" style="position: relative;right:-4upx">&#xe619;</text></view>
				<text class="button_s_t">试听</text>
			</view>
			<view class="button_box_list relative_t" @click="returnRecord">
				<view class="button button_s"><text class="iconfont begin_l">&#xe617;</text></view>
				<text class="button_s_t">重新录制</text>
			</view>
			<view class="button_box_list relative_t"  style="display: none" >
				<view class="button button_s"><text class="iconfont begin_b">&#xe620;</text></view>
				<text class="button_s_t">00:00</text>
			</view>
			<view class="button_box_list" style="display: none">
				<view class="button button_b"><text class="iconfont begin_s">&#xe61f;</text></view>
				<text class="button_b_t">正在录制</text>
				<text class="button_s_t">00:13</text>
			</view>
			<view class="button_box_list" >
				<view class="button button_b"><text class="iconfont begin_s">&#xe620;</text></view>
				<text class="button_b_t">录制已暂停</text>
				<text class="button_s_t">00:13</text>
			</view>
		   <view class="button_box_list relative_t" @click="completeRecord">
			   <view class="button button_s"><text class="iconfont begin_w">&#xe61b;</text></view>
			   <text class="button_s_t" >完成录制</text>
		   </view>
		</view>
	</view>
</template>

<script>
	export default {
	    name: "record_button"
	}
</script>

<style>
</style>
